<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="<%=cp%>/data/css/common.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/member/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/tour/css/style1.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/member/css/board.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">

function payPopup(reserNo,price) {
	
		var url = "<%=cp%>/member/charge.action?reserNo="+reserNo+"&price="+price;
		window.open(url, "", 
		 "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,top=0,left=0,width=510,height=600");
	}
	
</script>
</head>
<body>

<form name="chargeForm">
<input type="hidden" name="mode" value="${mode}"/>
<input type="hidden" name="money" value=""/>
</form>
<!-- Container -->
	<div id="container">
		<!-- Sub Navigation -->
		<div id="subNavigation">
			<h2><img src="<%=cp%>/member/image/h2_mypage.gif" alt="마이페이지" /></h2>
			<ul class="leftMenu">
                <li><a href='<%=cp%>/member/myMenu1.action'><img src='<%=cp%>/member/image/subnavi_mypage1.gif' alt='맞춤형 여행상품' /></a></li>
                <li><a href='<%=cp%>/member/myMenu2.action'><img src='<%=cp%>/member/image/subnavi_mypage2.gif' alt='예약상황' /></a></li>
                <li><a href='<%=cp%>/member/myMenu3.action'><img src='<%=cp%>/member/image/subnavi_mypage3.gif' alt='관심상품' /></a></li>
                <li><a href='<%=cp%>/member/myMenu4.action'><img src='<%=cp%>/member/image/subnavi_mypage4.gif' alt='참여현황' /></a></li>
                <li><a href='<%=cp%>/member/updated.action'><img src='<%=cp%>/member/image/subnavi_mypage5.gif' alt='정보관리' /></a></li>
                <li><a href='<%=cp%>/member/myMenu6.action'><img src='<%=cp%>/member/image/subnavi_mypage6.gif' alt='할인쿠폰' /></a></li>
                <li><a href='<%=cp%>/member/myMenu7.action'><img src='<%=cp%>/member/image/subnavi_mypage7.gif' alt='여행안내서 신청' /></a></li>
			</ul>
			
			
			<div class="banner_member"><a href="http://privacy.kisa.or.kr/event/" target="_blank"><img src="<%=cp%>/member/image/banner_member_01.gif" alt="개인정보 유출은 이제그만" /></a></div>
 
		</div>
		<!-- Sub Navigation //-->
 
    <style>
		.headBox1 a:link, 
		.headBox1 a:visited,
		.headBox1 a:hover {color:#33A7AF; text-decoration:underline;}
		
		.headBox2 a:link, 
		.headBox2 a:visited,
		.headBox2 a:hover {color:#33A7AF; text-decoration:underline;}
    </style>
    <!-- 항공권조회 상세 이동  -->
    <form name='frmAirMyPage1' method='post'>
    <input type="hidden" name="mcpnCode" value="H000000" />
    <input type="hidden" name="dcpnCode" value="H000000" />
    <input type="hidden" name="userId" value="runeanjune" />
    <input type="hidden" name="userName" value="이수진" />
    <input type="hidden" name="pnrSeqNo" />
    </form>
 
    <!-- 고객센터 상세 이동  -->
    <form name="frm" id="frm" method="post" action="/Mypage/CustomerCenter_Detail">
        <input type="hidden" id="SeqNo1_d" name="SeqNo1_d" value="" />
        <input type="hidden" id="Page_d" name="Page_d" value="1" />
        <input type="hidden" id="SearchType_d" name="SearchType_d" value="" />
        <input type="hidden" id="SearchValue_d" name="SearchValue_d" value="" />
    </form>
 
    <!-- 고객센터 상세답변 이동  -->
    <form name="frm1" id="frm1" method="post" action="/Mypage/CustomerCenter_DetailAnswer">
        <input type="hidden" id="SeqNo1_da" name="SeqNo1_da" value="" />
        <input type="hidden" id="Page_da" name="Page_da" value="1" />
        <input type="hidden" id="SearchType_da" name="SearchType_da" value="" />
        <input type="hidden" id="SearchValue_da" name="SearchValue_da" value="" />
    </form>		
 
    <!-- 여행후기 상세 이동  -->
    <form name="frm2" id="frm2" method="post" action="/Mypage/TravelReview_Detail">
        <input type="hidden" id="NUMBER_d" name="NUMBER_d" value="" />
        <input type="hidden" name="Page_d" value="1" />
        <input type="hidden" name="SearchType_d" value=""/>
        <input type="hidden" name="SearchValue_d" value=""/>
    </form>
    	
    <!-- Contents -->
	<div id="contents">			
		<div class="titleArea">
			<h3><img src="<%=cp%>/member/image/h3_mypage.gif" alt="마이페이지" /><span class="visualImg"><img src="<%=cp%>/member/image/img_visual.gif"  alt="비주얼이미지" /></span></h3>
			<div class="location">
				<a href="<%=cp%>/main.action"><img src="<%=cp%>/member/image/icon_home.gif" alt="홈" /></a> &gt; <b>마이페이지</b>
			</div>
		</div>
            
		<!-- 상단 박스두개  -->
		<div class="twoBox">
			<div class="headBox1">
				<h4 style="padding-bottom:10px;">개인정보관리</h4>
                <table border='0'>
                    <tr>
                        <td style='float:left;padding-top:3px;font-weight:bold;width:55px;padding-left:10px;'>&#149; 주 소</td>
                        <td style='width:10px;padding-top:3px;vertical-align:top' >:</td>
                        <td style='padding-top:3px; padding-right:5px; '>${dto.addr}</td>
                    </tr>
                    <tr>
                        <td style='float:left;padding-top:3px;font-weight:bold;width:55px;padding-left:10px;'>&#149; 휴대폰</td>
                        <td style='width:10px;padding-top:3px;vertical-align:top' >:</td>
                        <td style='padding-top:3px;'>${dto.phone}</td>
                    </tr>
                    <tr>
                        <td style='float:left;padding-top:3px;font-weight:bold;width:55px;padding-left:10px;'>&#149; 이메일</td>
                        <td style='width:10px;padding-top:3px;vertical-align:top' >:</td>
                        <td style='padding-top:3px;'><a href="mailto:" style='color:#33A7AF; text-decoration:underline;'>${dto.email}</a></td>
                    </tr>           
                </table>
			</div>
			<div class="headBox2">
				<h4 style="padding-bottom:10px;">개인정보관리</h4>
                <table border='0'>
                    <tr>
                        <td style='float:left; padding-top:3px;padding-left:10px;'>                       
                        </td>
                    </tr>
                    <tr>
                        <td style='float:left; padding-top:3px;padding-left:10px; padding-right:5px; vertical-align:middle; '>
                            <b>&#149; 대한항공 스카이패스 마일리지</b> : <br/>대한항공 스카이패스 정보가 없습니다.
                        </td>
                    </tr>
                </table>				
			</div>
		</div>
		<!-- 상단 박스두개 // -->
 
		<!-- 맞춤형 여행상품 -->
		<h4 class="h4Type5"><span class="floatR"><a href="<%=cp%>/member/myMenu1.action"><img src="<%=cp%>/member/image/btn_detail_veiw.gif" alt="상세보기" /></a></span><img src="<%=cp%>/member/image/h4_adjust_goods.gif" alt="맞춤형 여행상품-고객님이 원하시는 형태의 상품을 설정하시면 조건에 맞는 여행상품을 안내해드립니다" /></h4>			
		
            <div class="adjustSet">
				<p><strong class="fontCol01">맞춤형 여행상품</strong>을 설정하지 않았습니다.</p>
				<p class="btnArea6"><img src="<%=cp%>/member/image/btn_adjust_goods_set.gif" alt="맞춤형 여행상품 설정" /></p>
			</div>
        <ul class="goodsList"> 
        
		</ul>
		<!-- 맞춤형 여행상품 //-->
 
 
		<!-- 추천 여행상품 -->		
		<h4 class="h4Type5"><span class="floatR"></span><img src="<%=cp%>/member/image/h4_expert_goods.gif" alt="추천여행상품-한진관광을 이용하시는 분들이 많이 찾으시는 여행상품입니다" /></span></h4>			
		<ul class="goodsList"> 
            	
            	<c:if test="${!empty recommend}">
            	<c:forEach var="dto" items="${recommend}">
				<span id="ctl00_MAINCONTENT_rptRproduct_ctl00_lbClass"> 
				<li>
				<a href="<%=cp%>/tour/tourArticle.action?tourNo=${dto.tourNo}">
				<img src="<%=cp%>/pds/data/${dto.image}" width="160" height="120"/>
			        <p class="title">${dto.subject}</p>
			        <p class="price">${dto.price}원 ~</p>
                </a>
                </span>	 </li> 		 
	 			</c:forEach></c:if>
	 			<c:if test="${empty recommend}">등록된 데이터가 없습니다.</c:if>
            
		</ul>
		<!-- 추천 여행상품 //-->
            
			<h4 class="h4Type6"><span class="floatR" id="spDetailVeiw1"><a href="<%=cp%>/member/myMenu2.action"><img src="<%=cp%>/member/image/btn_detail_veiw.gif" alt="상세보기" /></a></span><img src="<%=cp%>/member/image/h4_overseas_travel.gif" alt="해외여행" /></h4>
			<table class="tbDataType4" cellspacing="0" cellpadding="0">
				<colgroup>
					<col width="36%" />
					<col width="11%" />
					<col width="11%" />
					<col width="6%" />
					<col width="12%" />
					<col width="10%" />
					<col width="14%" />
				</colgroup>
				<thead>
					<tr>
						<th class="leftN">상품명</th>
						<th>출발일</th>
						<th>예약일</th>
						<th>인원</th>
						<th>금액</th>
						<th>예약상태</th>
						<th>비고</th>
					</tr>
				</thead>
				<tbody>
                  <c:if test="${tour != null }">
				<c:forEach var="tour" items="${tour}">
                   <tr>
						<td class="leftN">${tour.subject}</td>
						<td>${tour.startDate}</td>
						<td>${tour.created}</td>
						<td>${tour.inwon}</td>
						<td>${tour.price}</td>
						<td>
							<c:if test="${tour.status == 1}">예약신청</c:if>
							<c:if test="${tour.status == 2}"><a href="javascript: payPopup('${tour.reserNo}','${tour.price}');">예약</a></c:if>
							<c:if test="${tour.status == 3}">결제완료</c:if>
						</td>
						<td>비고</td>
					</tr>
				</c:forEach>
				</c:if>
				<c:if test="${tour == null}">
		            <tr id="ctl00_MAINCONTENT_ReservationList_trOverseasEmptyData">
						<td colspan="7" style="height:50px;" class="leftN">예약 내역이 없습니다.</td>
					</tr>
				</c:if>
				</tbody>
			</table>
 
 
			<!-- 항공 -->
			<h4 class="h4Type5"><span class="floatR" id="spDetailVeiw4"><a href="<%=cp%>/member/myMenu2.action"><img src="<%=cp%>/member/image/btn_detail_veiw.gif" alt="상세보기" /></a></span><img src="<%=cp%>/member/image/h4_buy_airline_ticket.gif" alt="항공권 공동구매" /></h4>
 			<table class="tbDataType4" cellspacing="0" cellpadding="0">
				<colgroup>
					<col width="17%" />
					<col width="16%" />
					<col width="15%" />
					<col width="6%" />
					<col width="12%" />
					<col width="10%" />
					<col width="14%" />
				</colgroup>
				<thead>
					<tr>
						<th class="leftN">목적지</th>
						<th>출발일</th>
						<th>도착일</th>
						<th>인원</th>
						<th>금액</th>
						<th>예약상태</th>
						<th>비고</th>
					</tr>
				</thead>
				<tbody>
                <c:if test="${!empty flight}">
				<c:forEach var="flight" items="${flight}">
                   <tr>
						<td class="leftN">${flight.endPlace}</td>
						<td>${flight.startDate}</td>
						<td>${flight.endDate}</td>
						<td>${flight.inwon}</td>
						<td>${flight.price}</td>
						<td>
							<c:if test="${flight.status == 1}">예약신청</c:if>
							<c:if test="${flight.status == 2}"><a href="javascript: payPopup('${flight.reserNo}','${flight.price}');">예약</a></c:if>
							<c:if test="${flight.status == 3}">결제완료</c:if>
						</td>
						<td>비고</td>
					</tr>
				</c:forEach>
				</c:if>
				<c:if test="${empty flight}">
		            <tr id="ctl00_MAINCONTENT_ReservationList_trOverseasEmptyData">
						<td colspan="7" style="height:50px;" class="leftN">예약 내역이 없습니다.</td>
					</tr>
				</c:if>
				</tbody>
			</table>
			
			<div class="noticeGrayBoxB">
				<div class="noticeGrayBoxT">
					<p><img src="<%=cp%>/member/image/icon_notice.gif" alt="notice" /> <strong>꼭 읽어주세요!</strong></p>
					<ul>
						<li>여행인원에 유아가 포함되어 있는 경우 또는 결제완료 또는 항공출발일 14일 이내 상품의 취소는 공동구매 항공권 담당자에게<br />문의 주시기 바랍니다. <strong>공동구매 항공권 담당자</strong> : <span class="fontCol03">☎ 02-726-5835~6</span></li>
					</ul>
				</div>
			</div>
        
 
		<!-- 항공권(국제선) -->
        
        <!-- 항공권(국제선) //-->
 
		<!-- 항공권(국내선) -->
		
        <!-- 항공권(국내선) //-->
 
 
		<!-- 고객센터 문의내역 -->
		<h4 class="h4Type5"><span class="floatR"><a href="<%=cp%>/member/myMenu4.action"><img src="<%=cp%>/member/image/btn_detail_veiw.gif" alt="상세보기" /></a></span><img src="<%=cp%>/member/image/h4_customer_center_list.gif" alt="고객센터 문의내역" /></h4>
		<table class="tbDataType4" cellspacing="0" cellpadding="0">
            <colgroup>
				<col width="15%" />
				<col width="*" />
				<col width="13%" />
				<col width="10%" />
			</colgroup>
			<thead>
				<tr>
					<th class="leftN">분류</th>
					<th>제목</th>
					<th>작성일</th>
					<th>답변여부</th>
				</tr>
			</thead>
			<tbody>
				<c:if test="${!empty info}">
                <c:forEach var="info" items="${info}">
                <tr>
                	<td>제안</td>
                	<td><a href="<%=cp%>/info/s_article.action?num=${info.num}">${info.subject}</a></td>
                	<td>${info.created}</td>
                	<td>Y</td>
                </tr>
                </c:forEach>
                </c:if>
                <c:if test="${empty info}">
                 <tr id="ctl00_MAINCONTENT_RowEmptyData">
					<td class="leftN" colspan="7" style="height:50px; text-align:center;">참여내역이 없습니다.</td>
				</tr>
                </c:if>
			</tbody>
		</table>
		<!-- 고객센터 문의내역 //-->
 
 
		<!-- 여행후기 참여내역 -->
		<h4 class="h4Type5"><span class="floatR"><a href="<%=cp%>/community/hugi.action"><img src="<%=cp%>/member/image//btn_detail_veiw.gif" alt="상세보기" /></a></span><img src="<%=cp%>/member/image/h4_travel_review_list.gif" alt="여행후기 참여내역" /></h4>
		<table class="tbDataType4" cellspacing="0" cellpadding="0">
							<colgroup>
				<col width="11%" />
				<col width="15%" />
				<col width="*" />
				<col width="13%" />
				<col width="7%" />
			</colgroup>
			<thead>
				<tr>
					<th class="leftN">번호</th>
					<th>지역</th>
					<th>제목</th>
					<th>작성일</th>
					<th>조회수</th>
				</tr>                    	
			</thead>
			<tbody>
				<c:if test="${!empty community}">
                <c:forEach var="community" items="${community}">
                <tr>
                	<td>${community.boardNum}</td>
                	<td>${community.area}</td>
                	<td>${community.subject}</td>
                	<td>${community.created}</td>
                	<td>${community.hitCount}</td>
                </tr>
                </c:forEach>
                </c:if>
                <c:if test="${empty community}">
                 <tr id="ctl00_MAINCONTENT_RowEmptyData">
					<td class="leftN" colspan="7" style="height:50px; text-align:center;">참여내역이 없습니다.</td>
				</tr>
                </c:if>
			</tbody>
		</table>
		<!-- 여행후기 참여내역 //-->
 
	</div>
	<!-- Contents //-->    
 
		
	</div>
	<!-- Container //-->
</body>
</html>